import React, {Component} from 'react'
import {Link} from 'react-router'

class PageNotFound extends Component {
	render() {
    const notFound = {
      textAlign: 'center',
      position: 'absolute',
      top: '40%', left: '50%',
      transform: 'translate(-50%, -50%)',
      fontSize: '1rem',
      color: '#f60'
    }

		return(
      <div style={notFound}>
			  <h2 style={{fontSize: '1.3rem', marginBottom: '1rem'}}>啊，页面被吃啦!!!</h2>
        <Link to="/" style={{color: '#f60'}}>返回首页</Link>
      </div>
		)
	}
}

export default PageNotFound
